<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>Educa - Sistema de Gerenciamento para Colégios Militares</title>
		<script type="text/javascript" src="tela/recebimento/listarDivida.js" ></script>
		<link rel="stylesheet" type="text/css" href="tela/recebimento/listarDivida.css" ></link>
	</head>
	<body>
	<!-- PESQUISA -->
	<div id="painelCadastro" class="ui-widget-content painel"  style="height: 580px;" >
			<!-- DATAGRID -->
			<div id="subtitulo"><h3 class="ui-widget-header">Pesquisa de Lançamentos</h3></div>
			<div id="formWrapper" class="centered">
				<form id="recebimento" action="#" onSubmit="return false;" method="post">
				<ul class="controls">
		         	<li style="width: 70%;"><label>Aluno:</label>
		                <input type="text" id="pessoaAuto" name="pessoa[nome]" class="field" style="width: 90%;">
		      			<input type="hidden" name="pessoa[id]" id="pessoaAutoHidden"/>
<!-- 		      			<a id="alunosPesquisaBtn" href="#">Alunos</a> -->
		      		</li>
	           		<li style="width: 10%;">
	           			<label>Turma:</label><input type="text" id="turma" class="field" readonly="readonly" style="width: 99%;"/>
					</li>
	           		<li style="width: 15%;">
	           			<label>Situação:</label><input type="text" id="situacao" class="field" readonly="readonly" style="width: 99%;"/>
					</li>
	      		</ul>
				<div id="filtrosAvancados" style="padding: 10px; border: 0px ; background: transparent; display: none"  class="ui-widget-content" >
					<div id="filtroSubtitulo" ><h4 class="ui-widget-header">Filtros Avançados</h4></div>
					<div id="filtroForm" style="padding: 10px; float:left;padding: 5px; max-width: 90%;">
							 <label for="campo" style="margin-right:10px">Campo:</label><select name="campo" id="campo" class="field validate[required]" style="width:120px"></select>
							  <label for="restricao" style="margin-right:10px">Restrição:</label><select name="restricao" id="restricao" class="field validate[required]" style="width:120px">
							  	<option value="">---------</option>
							  </select>
							  <span id="valorField"><label for="valor" style="margin-right:10px">Valor:</label><input type="text" name="valor" id="valor" class="field validate[required]" /></span>
							  <span style="display: none;" id="eOuField"><label for="eOu" style="margin-right:10px">&nbsp;</label>
								  <input type="radio" name="eOu" id="eOu"  checked="checked"  value="and"  />
									E
								  <input type="radio" name="eOu" id="eOu1"   value="or"  />
									OU
							  </span>
							  
				  	</div>
					<div id="filtroForm" style="float:left">
							  <a id="filtroAdicionarBtn"  href="#" >Adicionar</a>
				  	</div>
				  	<div id="divDataGridFiltro">
				  		<table cellspacing="0" class="display" cellpadding="0" border="0" id="filtroDataGrid"></table>
				  	</div>
		  		</div>
		  		</form>
		  	</div>
			
			<table cellpadding="0" cellspacing="0" border="0" class="display" id="dividaDataGrid"></table>
			
			<div style="width: 100%;">
				<button type="button" class="editarBtn" onclick="fnGetLancamentos(event)">Carregar Lançamentos</button>
			</div>
	</div>
	</body>
</html>
	
